<template>
<div class="layerRtb layerRtb-threecolumn">
    <three-title :title="{name:'店铺'}"></three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "137">
        <div class="analyItem" v-for="(item,index) in storeState" :key="index">
            <p class="analyItemTit tx-center">打烊{{index+1}}</p>
            <div class="analyItemCon">
                <p class="col-md-4"><span class="cLightGray pr8">状态</span>
                <span >打烊</span>
                </p>
                <p class="col-md-4"><span class="cLightGray pr8">开始时间</span>{{item.staterecord_time}}</p>
                <p class="col-md-4">
                    <span class="cLightGray pr8">结束时间</span>{{item.staterecord_endtime}}
                    </p>
                <p class="col-md-12"><span class="cLightGray pr8">内容</span>{{item.staterecord_remark}}</p>
            </div>
        </div>
    </div>
    <div class="layerRtb-footer">
        <div class="analyItem">
            <p class="analyItemTit tx-center">综合</p>
            <div class="analyItemCon">
                <p class="fl col-md-9"></p>
                <p class="fr col-md-3">
                </p>
                <p class="fl"><span class="circlemark circlemark-green">完</span></p>
            </div>
        </div>
    </div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
// eslint-disable-next-line standard/object-curly-even-spacing
import { getPmReceivingOrderState} from '../../Resources/Api/index'
export default {
    data () {
        return {
            storeState: []
        }
    },
    computed: {
        ...mapGetters(['leftInfo', 'updatePlate', 'rx'])
    },
    created () {
        this.PmReceivingOrderState()
    },
    methods: {
        PmReceivingOrderState () {
            let _this = this
            _this.storeState = []
            getPmReceivingOrderState({
                uid: _this.leftInfo.uid
            }).then(result => {
                _this.storeState = result.data.Body
            }).catch(err => {
                console.log(err)
            })
        }
    },
    watch: {
        leftInfo () {
            this.PmReceivingOrderState()
        }
    }
}
</script>
